import "./button.scss";

export default defineComponent({
	name: "RefreshButton",
	setup() {
		return () => (
			<div class="css-p8muss">
				<div class="css-o99k6q">
					<div class="button-group css-1c76w5q refresh-picker flex">
						<button class="toolbar-button css-jp0mh7-toolbar-button" aria-label="RefreshPicker run button">
							<div class="css-1vzus6i-Icon">
								<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18" class="css-sr6nr">
									<path d="M19.91,15.51H15.38a1,1,0,0,0,0,2h2.4A8,8,0,0,1,4,12a1,1,0,0,0-2,0,10,10,0,0,0,16.88,7.23V21a1,1,0,0,0,2,0V16.5A1,1,0,0,0,19.91,15.51ZM12,2A10,10,0,0,0,5.12,4.77V3a1,1,0,0,0-2,0V7.5a1,1,0,0,0,1,1h4.5a1,1,0,0,0,0-2H6.22A8,8,0,0,1,20,12a1,1,0,0,0,2,0A10,10,0,0,0,12,2Z"></path>
								</svg>
							</div>
						</button>
						<div class="button-group css-1viikh2">
							<button
								class="toolbar-button css-jp0mh7-toolbar-button"
								aria-label="RefreshPicker interval button"
								aria-expanded="false"
							>
								<div class="css-1vzus6i-Icon">
									<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" class="css-sr6nr">
										<path d="M17,9.17a1,1,0,0,0-1.41,0L12,12.71,8.46,9.17a1,1,0,0,0-1.41,0,1,1,0,0,0,0,1.42l4.24,4.24a1,1,0,0,0,1.42,0L17,10.59A1,1,0,0,0,17,9.17Z"></path>
									</svg>
								</div>
							</button>
						</div>
					</div>
				</div>
			</div>
		);
	}
});
